import React from 'react'
import style from './style.module.css'


function Index({ title, nav_left, nav_footer, flex_falg }) {
    return (
        <div className={style['navbar-wapper']} style={flex_falg ? {
            position: 'sticky',
            top: '-55px',
            left: 0,
            zIndex: 9999,
        } : {}}>
            <div className="status" style={{ height: '30px' }}>

            </div>
            <div className={style['container']}>
                <div className={'nav-left'}>{nav_left}</div>
                <div className={style['nav-center']}> {title}</div>
            </div>
            <div className={style["footer"]}>
                <div className={'nav-footer'}>{nav_footer}</div>
            </div>
        </div >

    )
}

export default Index